<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

</head>
<style>
    *{
        margin: 0;
        padding: 0;
    }
    .box::first-letter {
        font-size: 22px;
        font-family: '微软雅黑';
        border: 1px solid red;
        color: red;
        background-color: white;
        padding: 2px;
    }

    .box1::first-line {
        letter-spacing: 0.8em;
        font-size: 24px;
        font-family: '微软雅黑';
        color: #e910d4;
        text-decoration: underline;
    }

    .box2 {
        text-align: center;

    }

    .box2::before {
        content: '炫';
        width: 32px;
        height: 32px;
        background-color: #6d2a03;
        border-radius: 16px;
        display: inline-block;
        text-align: center;
        line-height: 32px;

    }

    .box3 {
        text-align: center;
    }

    .box3::after {
        content: '';
        background-image: url(./img/越野车1.webp.jpg);
        width: 32px;
        height: 32px;
        display: inline-block;
        border-radius: 50%;
        vertical-align: middle
    }
</style>

<body>
    <div class="box">66666666666666666666666666666666</div>
    <div class="box1">第二个文本段落需大于两行，将首行文字的字间距设为“0.8em”24像素的“微软雅黑”字体，字体颜色为“#e910d4”，并且具有下划线
    </div>
    <div class="box2">6666666666</div>
    <div class="box3">66666666</div>
</body>

</html>